<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<script type="text/javascript">
	function proDetail() {
		$("#project-dialog").modal("show");
	}
	
	function addProject() {
		$("#project-form-dialog").modal("show");
	}
</script>
    
<ul class="breadcrumb">
            <li>
                <a href="#">项目管理</a>
            </li>
            <li>
                <a href="#">项目列表管理</a>
            </li>
        </ul>
    </div>

    <div class="row">
    <div class="box col-md-12">
    <div class="box-inner">
    <div class="box-header well" data-original-title="">
        <h2><i class="glyphicon glyphicon-user"></i> 项目列表</h2>

        <div class="box-icon">
            <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a>
            <a href="#" class="btn btn-minimize btn-round btn-default"><i
                    class="glyphicon glyphicon-chevron-up"></i></a>
            <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a>
        </div>
    </div>
    <div class="box-content">
    <!-- <div class="alert alert-info">For help with such table please check <a href="http://datatables.net/" target="_blank">http://datatables.net/</a></div> -->
    <a href="javascript:;" class="btn btn-sm btn-primary" onclick="addProject();">新建</a><p/>
    <table class="table table-striped table-bordered bootstrap-datatable datatable responsive">
    <thead>
    <tr>
        <th>编号</th>
        <th>阅读</th>
        <th>标题</th>
        <th>分类</th>
        <th>日期</th>
        <th>发布人</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td class="center">否</td>
        <td class="center">红色娘子军芭蕾舞剧项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="javascript:;" onclick="proDetail();">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>2</td>
        <td class="center">否</td>
        <td class="center">城市音乐节策划与运作项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>3</td>
        <td class="center">否</td>
        <td class="center">大型歌剧制作与推广项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>4</td>
        <td class="center">否</td>
        <td class="center">艺术节节目创意设计的虚拟实现项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>5</td>
        <td class="center">否</td>
        <td class="center">大型歌剧舞台美术设计虚拟实现项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>6</td>
        <td class="center">否</td>
        <td class="center">旅游景区演出创意设计项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>7</td>
        <td class="center">否</td>
        <td class="center">大型综艺晚会创意设计项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>8</td>
        <td class="center">否</td>
        <td class="center">天津曲艺的数字技术保护与开发项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>9</td>
        <td class="center">否</td>
        <td class="center"> 北京曲艺的数字技术保护与开发项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    <tr>
        <td>10</td>
        <td class="center">否</td>
        <td class="center">上海曲艺的数字技术保护与开发项目</td>
        <td class="center">
          紧急通知
        </td>
        <td class="center">2014-09-30</td>
        <td class="center">管理员</td>
        <td class="center">
            <a class="btn btn-success" href="#">
                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                查看
            </a>
            <a class="btn btn-info" href="#">
                <i class="glyphicon glyphicon-edit icon-white"></i>
                编辑
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                删除
            </a>
            <a class="btn btn-danger" href="#">
                <i class="glyphicon glyphicon-trash icon-white"></i>
                执行
            </a>
        </td>
    </tr>
    </tbody>
    </table>
    <div class="row"><div class="col-md-12"><div class="dataTables_info" id="DataTables_Table_0_info">Showing 1 to 10 of 32 entries</div></div><div class="col-md-12 center-block"><div class="dataTables_paginate paging_bootstrap pagination"><ul class="pagination"><li class="prev disabled"><a href="#">← Previous</a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li class="next"><a href="#">Next → </a></li></ul></div></div></div>
    </div>
    </div>
    </div>
    <!--/span-->

    </div><!--/row-->

    
    </div><!--/span-->
    
<jsp:include page="detail.jsp"/>
<jsp:include page="project_form.jsp"/>